
<template>
  <div class="home">
    <div>
        <!--<header-nav></header-nav>-->
        <main-nav></main-nav>
        <mabb-nav></mabb-nav>
        <boom-nav></boom-nav>
        <!--<footer-nav></footer-nav>-->
    </div>
   <!--<side-nav></side-nav>-->
  </div>
</template>

<script>
  // import HeaderNav from '../components/HeaderNav'
  import MainNav from '../components/MainNav'
  import MabbNav from '../components/MabbNav'
  import BoomNav from '../components/BoomNav'
  // import SideNav from '../components/SideNav'
  // import FooterNav from '../components/FooterNav'
    export default {
        data: function () {
            return {}
        },
      components:{
          // HeaderNav,
        MainNav,
        MabbNav,
        BoomNav,
        // SideNav,
        // FooterNav
      }
    }
</script>

<style scoped>
 .home >>> side-nav{
    position: fixed !important;
  }
</style>
